<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html" indent="yes"/>
    <xsl:template match="carts">
        <div id="cart_body">
            <table id="cartTable">
                <tbody>
                    <xsl:for-each select = "cart">
                        <tr>
                            <td>
                                <xsl:element name="img">
                                    <xsl:attribute name="src">
                                        <xsl:value-of select="image"/>
                                    </xsl:attribute>
                                    <xsl:attribute name="width">
                                        <xsl:text>27px</xsl:text>
                                    </xsl:attribute>
                                    <xsl:attribute name="height">
                                        <xsl:text>27px</xsl:text>
                                    </xsl:attribute>
                                    <xsl:attribute name="onmouseover">
                                        <xsl:value-of select="'productMouserOverCart('"/>
                                        <xsl:value-of select="productId"/>
                                        <xsl:value-of select="')'"/>
                                    </xsl:attribute>
                                    <xsl:attribute name="onmouseout">
                                        <xsl:value-of select="'productMouseOut()'"/>
                                    </xsl:attribute>
                                </xsl:element>
                            </td>
                            <td>
                                <xsl:element name="a">
<!--                                    <xsl:attribute name="href">
                                        <xsl:text>detail.jsp?txtProductId=</xsl:text>
                                        <xsl:value-of select="productId"/>
                                    </xsl:attribute>-->
                                    <xsl:value-of select="name"/>
                                </xsl:element>
                            </td>
                            <td>
                                <xsl:value-of select="quantity"/>
                            </td>
                            <td>
                                <xsl:text>x</xsl:text>
                            </td>
                            <td>
                                <xsl:text>$</xsl:text>
                                <xsl:value-of select="price"/>
                            </td>
                            <td>
                                <xsl:text>$</xsl:text>
                                <xsl:value-of select="format-number(subtotal, '#,###.00')"/>
                                <xsl:text> USD</xsl:text>
                            </td>
                            <td>
                                <xsl:element name="a">
                                    <xsl:attribute name="onclick">
                                        <xsl:text>deleteProduct(</xsl:text>
                                        <xsl:value-of select="productId"/>
                                        <xsl:text>)</xsl:text>
                                    </xsl:attribute>
                                    <xsl:text>x</xsl:text>
                                </xsl:element>
                            </td>
                        </tr>
                    </xsl:for-each>
                </tbody>
            </table>
        </div>
        <div id="cart_footer">
            <strong>
                <xsl:text>Total Amount: </xsl:text>
                <xsl:text>$</xsl:text>
                <xsl:value-of select="format-number(sum(cart/subtotal), '###,###.00')"/>
                <xsl:text> USD</xsl:text>
            </strong>
            <div>
                <a href="checkout.jsp">Checkout</a>
            </div>
        </div>
    </xsl:template>
</xsl:stylesheet>
